<!DOCTYPE html>
<html>
  <head>
    <style>
      .container {
        margin: 10px;
        width: 300px;
        height: 200px;
        background-color: grey;
      }

      .static {
        display: static;
      }

      .inline-block {
        display: inline-block;
      }

      .floatleft {
        float: left;
      }

      *[draggable=true] {
        width: 100px;
        height: 100px;
        margin: 10px;
        background-color: green;
      }
    </style>
  </head>
  <body>
    <div class="container inline-block static">
      display: inline-block; position: static;
      <div draggable="true">Drag Me</div>
      If the drag-icon follows the mouse pointer while dragging the above green block, the test passes.
    </div>

    <div class="container" style="overflow:hidden">
        greybox overflow:hidden; greenbox float:left;<br>
        <div class="floatleft" draggable="true">Drag Me</div>
        If the drag-icon follows the mouse pointer while dragging the green block to the left, the test passes.
    </div>

  </body>
</html>
